<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/shopping.css">
  <link rel="stylesheet" href="./css/footer.css">

  <style>
    #main{
     width: 1180px;
     height: 300px;
     border: 1px solid black;
     margin: auto;
    }
  </style>
</head>

<body>
  <!-- header -->
  <div id="header">
    <div class="nav">
      <div class="wrapper">
        <ul class="nav-l">
          <li><a href="">帮助中心</a></li>
          <li><a href="">收藏</a></li>
          <li><a href="">360官网</a></li>
          <li><a href="">360智慧生活</a></li>
        </ul>
        <ul class="nav-r">
          <li><a href="javascript:;">登录</a></li>
          <li><a href="javascript:;">注册</a></li>
          <li class="iconfont"><a href="javascript:;">&#xe606;</a></li>
        </ul>
      </div>
    </div>
    <div class="nav-search">
      <div class="wrapper">
        <ul class="logo1">
          <li><a href=""><img src="./images/logo1.png" alt=""></a></li>
          <li><a href="">新品推荐</a></li>
          <li><a href="">热卖榜单</a></li>
          <div class="search-box">
            <input type="text" class="search">
            <i class="iconfont"><a href="">&#xe62f;</a></i>
          </div>
        </ul>
        <ul class="search-samll">
          <li><a href="">记录仪</a></li>
          <li><a href="">摄像机</a></li>
          <li><a href="">路由器</a></li>
          <li><a href="">耳机</a></li>
          <li><a href="">扫地机</a></li>
          <li><a href="">智能手表</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="main">
  </div>
      <!-- main-floor -->
      <div class="main-floor">
        <div class="wrapper">
          <div class="footer-box1">
            <p>关于商城</p>
            <p>360商城是奇虎360公司的官方电商平台, 主要经营360安全智能设备, 以及相关领域消费品。提供最新的360智能设备, 最贴心的售后服务, 360社区一手评测咨询, 享受360安全、安心、放心的购物体验。
            </p>
            <div>
              <span>关于我们</span>
              <span class="iconfont">&#xe607;
                <a href=""><img src="./images/weixin.png" alt=""></a>
              </span>
              <a href="" class="iconfont">&#xe65a;
                <span><img src="./images/weobo.png" alt=""></span>
              </a>
            </div>
          </div>
          <div class="footer-box2">
            <p>售后服务</p>
            <a href="">7日无理由退货</a>
            <a href="">质量问题15日内换货</a>
            <a href="">保修条款</a>
            <a href="">服务流程</a>
            <a href="">许可协议</a>
            <a href="">隐私政策</a>
          </div>
          <div class="footer-box2">
            <p>帮助中心</p>
            <a href="">用户注册</a>
            <a href="">会员说明</a>
            <a href="">登录与密码找回</a>
            <a href="">购买指南</a>
            <a href="">支付方式</a>
            <a href="">配送与说明</a>
          </div>
          <div class="footer-box3">
            <p>联系我们</p>
            <p>400-6822-360</p>
            <p>周一至周日 9:00-18:00(仅收市话费)</p>
          </div>
        </div>

  </div>
   <!-- footer -->
   <div id="footer">
    <div class="wrapper">
      <div class="box-top">
        <a href=""><span class="iconfont">&#xe60f;</span>7天无理由退货</a>
        <a href=""><span class="iconfont">&#xe608;</span>15天免费换货</a>
        <a href=""><span class="iconfont">&#xe87f;</span>满99元包邮</a>
      </div>
      <div class="box-bottom">
        <p> ©2019-2021 mall.360.cn版权所有 </p>
        <p><a href="">京ICP备08010314号-6</a>
          <a href=""> 营业执照 </a></p>
        <p>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N |<a href="">食品经营许可证</a>
          <br>
          公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360
        </p>
      </div>
    </div>
  </div>

</body>
</html>